

export default{

    template: /*html*/`
<section v-show="buyChild.length">
    <h2>{{headline}}</h2>
    <ul>
      <li v-for="food in buyChild" v-bind:key="food.id">
        <img v-bind:src="food.image" />
        <span>{{food.name}}</span>
        <input type="checkbox" v-model="food.purchased" />
        <span>{{food.purchased}}</span>
      </li>
    </ul>
</section>`,
props:{
    headline:String,
    buyChild:Array
}
}